import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: () => import('./example.vue'),
    },
    {
      path: '/example1',
      name: 'example1',
      component: () => import('./example1.vue')
    },
    {
      path: '/example2',
      name: 'example2',
      component: () => import('./example2.vue')
    },
    {
      path: '/example3',
      name: 'example3',
      component: () => import('./example3.vue')
    },
    {
      path: '/example4',
      name: 'example4',
      component: () => import('./example4.vue')
    },
    {
      path: '/example5',
      name: 'example5',
      component: () => import('./example5.vue')
    },
    {
      path: '/example6',
      name: 'example6',
      component: () => import('./example6.vue')
    },
    {
      path: '/example7',
      name: 'example7',
      component: () => import('./example7.vue')
    },
    {
      path: '/example8',
      name: 'example8',
      component: () => import('./example8.vue')
    },
    {
      path: '/example9',
      name: 'example9',
      component: () => import('./example9.vue')
    },
    {
      path: '/example-menu',
      name: 'example-menu',
      component: () => import('./example-menu.vue')
    },
    {
      path: '/example-cus-bar',
      name: 'example-cus-bar',
      component: () => import('./example-cus-bar.vue')
    },
    {
      path: '/example10',
      name: 'example10',
      component: () => import('./example10.vue')
    },
  ]
})

export default router;
